doT.js变量和数组混合读取方式
本文共 1078 字，大约阅读时间需要 3 分钟。
- 可以包裹任意大小的html
- 变量在其包裹的任意区域都有效
- 单个变量可以和数组分开展示
- 最好放置在最下方执行js
数据结构
var data = { "id": "1280", "name": "漂亮的衣服", "price": "100", "oprice": "150", "goods_img": [ "http://image.diandodo.com/zhudianbao/Uploads/User/u1250000189/20160718/a/578c97464f436.jpg@1000w", "http://image.diandodo.com/zhudianbao/Uploads/User/u1250000189/20160718/d/578c973b1fa40.jpg@1000w", "http://image.diandodo.com/zhudianbao/Uploads/User/u1250000189/20160718/6/578c973352e0f.jpg@1000w" ] }; 区域div
包裹区域
单个变量使用
{ {= it.name}}
变量中数组使用
方式1
{ { for(var prop in it['goods_img']) { }} 
{ { } }} 方式2
{ {~ it.goods_img:v}} 
{ {~}} 方式3
{ { for(var prop in it['goods_img']) { }}{ { var v = it['goods_img'][prop]; }} { { } }} JS处理
var interText = doT.template($("#goodstmpl").text());$("#info_area").html(interText(data)); 
小结
很好用~
本文转自TBHacker博客园博客，原文链接：http://www.cnblogs.com/jiqing9006/p/5949852.html，如需转载请自行联系原作者
你可能感兴趣的文章
ogre场景图与场景内容分离
查看>>
中断小笔记
查看>>
C#委托、事件、消息（入门级）
查看>>
通信常用概念
查看>>
PreferenceFragment 使用 小结
查看>>
FreeBinary 格式说明
查看>>
oracle相关链接
查看>>
使用Spring Cloud和Docker构建微服务
查看>>
常用链接
查看>>
NB-IoT的成功商用不是一蹴而就
查看>>
九州云实战人员为您揭秘成功部署OpenStack几大要点
查看>>
1.电子商务支付方式有哪些 2.比较不同支付方式的优势劣势
查看>>
医疗卫生系统被爆漏洞，7亿公民信息泄露……
查看>>
神秘函件引发的4G+与全网通的较量
查看>>
CloudCC:智能CRM究竟能否成为下一个行业风口?
查看>>
高德开放平台推出LBS游戏行业解决方案提供专业地图平台能力支持
查看>>
追求绿色数据中心
查看>>
Web开发初学指南
查看>>
OpenStack Days China：华云数据CTO郑军分享OpenStack创新实践
查看>>
探寻光存储没落的真正原因
查看>>